<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" src="scripts/jquery-1.3.2.js" type="application/javascript"></script>
<script language="javascript" type="application/javascript">

$(document).ready(function(){
$("#validatebox").hide();
$("#errorbox").hide();
$("#Login").click(function(){
$("#loginbox").hide();
$("#validatebox").show();
//valid theinputs
// authenticate the user and redirect internally

// on any error
$("#validatebox").hide();
$("#loginbox").show();
$("#errorbox").show();

});
});
</script>
<style type="text/css">
<!--
#adminlogin {
	width: 264px;
	border: 2px solid #999999;
	font-size: 12px;
	line-height: 1em;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align:center;
}
a img
{
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.smallboldblacktext
{
	font-family: tahoma;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
	color: #333333;
}
.smallblackinput
{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.smallredtext
{
	font-family: tahoma;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	line-height: 1.5em;
}
.samllbluetext
{
	font-family: tahoma;
	font-size: 10px;
	line-height: 1.5em;
	color: #0000FF;
	text-decoration: underline;
}
body {
	background-color: #490606;
}
.validatingstyle1 {
	background-color: #c5ff71;
	border: 2px solid #acff33;
	width: 240px;
	margin-right: auto;
	margin-left: auto;
}
#validatebox {
	margin-right: auto;
	margin-left: auto;
}
-->
</style>
</head>

<body>
<div id="adminlogin" >
<div>&nbsp;</div>
<div class="aligncenter"><a href="#"><img src="images/billbooklogo.jpg" alt="Bill Book" /></a></div>
<div>&nbsp;</div>
<div id="loginbox">
<div class="aligncenter"><span class="smallboldblacktext">Username</span></div>
<div class="aligncenter" ><input class="smallblackinput" id="username" type="text" /></div>
<div>&nbsp;</div>
<div class="aligncenter"><span class="smallboldblacktext">Password</span></div>
<div class="aligncenter"><input class="smallblackinput aligncenter" id="password" type="text" /></div>
<div id="errorbox" class="aligncenter"><br/><span class="smallredtext"><img src="images/cancel.png" alt=" X " /> Username/Password is Wrong</span><br/></div>
<div>&nbsp;</div>
<div class="aligncenter"><input type="button" class="smallblackinput"  id="Login" title="Login to Portal" value="Login" />
</div>
<div>&nbsp;</div>
<div class="aligncenter"><a class="samllbluetext" href="#">Forgot Password</a></div>
</div>
<div id="validatebox" >
<div class="validatingstyle1 aligncenter" ><br/><span class="smallboldblacktext">Validating User Credentials</span><br/><br/></div>
<div class="aligncenter"><br/><img src="images/preloaderline.gif" alt="Loading..." /><br/></div>
</div>
<div>&nbsp;</div>
</div>
</body>
</html>
